<!--
  * 日志记录，以 timeline 形式显示
  * 
-->
<template>
  <a-timeline>
    <a-timeline-item v-for="record in tableData" :key="record.id">
      <div class="trace-div">
        <div>
          <div class="operate-content" v-html="record.operation_content"></div>
        </div>
        <div class="ip-font"> {{ record.create_time }} |操作人： {{ record.operator_name }} </div>
      </div>
    </a-timeline-item>
  </a-timeline>
</template>
<script setup lang="ts">
const props = defineProps({
  tableData: {
    type: Array
  }
})

const emit = defineEmits(['showDetail'])
function showDetail(record) {
  emit('showDetail', record)
}
</script>
<style scoped lang="less">
.operate-content {
  font-size: 14px;
  display: inline;
}

.ip-font {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
  display: block;
}
</style>
